<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>luqiyi初学的那些事</title>

    <!--用link引入一个css文件-->
    <link rel="stylesheet" href="./index.css">

    <style>
        /* css的注释ctrl加斜杠 */
        /* style标签里都是写css */
        /* 选择器：查找标签（即标签名） */
        /* 选择器标签引入能设置对应的全部标签 */
        p{
            /* 设置p中的字体大小20像素 */
            font-size: 20px;
            /* 设置文本首行缩进2个字   1em为一个字*/
            text-indent: 2em; 
        }
        ul{
            font-size: 20px;
        }
        
    </style>
</head>
<body>
    <h1 class="text-align-center">星游记</h1><!--h1只用用一次-->
    <h2 class="text-align-center"> 拉过钩的事，一定要做到！</h2><!--h2到h6可以多次使用  font color=" "设置字体颜色 -->
    <hr /><!--换行,并形成一条横线    <br>和<div><div>都能换行   div标签内容单独做一行-->
    <!--src播放路径  路径，网址等未确定时用#代替，表示空  controls显示播放的控件 loop循环播放 -->  
    <video src="视频/星游记.mp4" controls loop></video> <br>
    <p><!--段落-->
        曾经，一个身穿火红色衣服的男人向全宇宙宣称，黑洞的深处有一片被称之为彩虹海的奇迹之地，在那里宝石遍地，黄金在河里流淌，
        天空中横跨着上万种颜色的巨大彩虹，到达那里的人，可以实现自己的任何愿望。这一宣言点燃了全宇宙的热情，吸引着来自四面八方
        的人们，追随红衣男人飞向黑洞，最终却没有一个人能够回来，与冒险者一起消失的红衣男人麦林，被后人厌恶的称之为“红魔鬼”，彩
        虹海也被认为是有史以来最大的谎言。
    </p>
    <p>
        若干年后，麦林的儿子——麦当在地球上成长为了一个少年，为了完成与父亲拉钩定下的约定，决心再次出发寻找那个被视为谎言的彩虹海。
        为了到达彩虹海，麦当结识了已经毁灭的亚亚罗星球国王咕咚·萌西和太阳系最后一个星学家笛亚，为了进入可以到达存在彩虹海的巨型
        黑洞所在地哥罗星系，一起踏上了进入自然虫洞“魔鬼脚印”的旅途。
    </p><hr>
    <!--  br与br/ 都是换行的意思-->
    <p class="set_font_size">主题曲:《再飞行》</p>
    <audio src="音乐/星游记-星游记.mp3" controls></audio>
    <hr>
    <!--table是整个表格  border设置表格划分线，数值表示线的粗细    表格怎么居中？？？ -->
    <!--将类set_font_size用到table标签-->
    <table border="1" class="set_font_size">
        <!-- tr是行 -->
        <!-- td是每一个单元格 -->
        <!-- caption为表格标题，注意书写位置是在table与第一个tr之间 -->
        <caption>人物介绍</caption>
        <tr>
            <td>麦当</td><td>红魔鬼麦林的儿子，是一名拥有彩虹石的“自由者”性格超级自信乐观，且体力超群，热爱美食。</td>
        </tr>
        <tr>
            <td>笛亚</td><td>星学会会长盖亚的孙女，星学会唯一幸存者，是彩虹石的自由者，守护着银河眼费尽心机寻找的神秘装置——“黄金魔方”。</td>
        </tr>
        <tr>
            <td>咕咚</td><td>亚亚罗星球的国王，他也时常想让人们认可他的能力。后机缘巧合遇到了麦当，并愿意与他一同寻找“彩虹海”……</td>
        </tr>
    </table>

    <!-- b标签是加粗-->
    <br>
    <a href="http://www.luoxu.cc/dmdetail/bQ88H.html" target="_blank"><font color="blue" size="5">全集在线观看</font></a><br>
    <hr><br>
    <!-- a href为超链接标签；target="_blank"为打开新网页跳转   _self为覆盖原网页跳转-->
    <!--src为图片名加后缀  alt当图片加载出错时显示  title鼠标停留在图片时会显示该文字 width和height只设置一个时两值会相等，设置不符合原图片比例时会影响图片显示-->
    <img src="图片/星游记2.jpg" alt="加载错误" title="高高飞起来吧！" width="50" height="50">
    <img src="图片/星游记3.jpg" alt="加载错误" title="高高飞起来吧！" width="70" height="70">
    <img src="图片/星游记4.jpg" alt="加载错误" title="高高飞起来吧！" width="100" height="100">
    <img src="图片/星游记5.jpg" alt="加载错误" title="高高飞起来吧！" width="150" height="150">
    <img src="图片/星游记6.jpg" alt="加载错误" title="高高飞起来吧！" width="200" height="200">
    <img src="图片/星游记8.jpg" alt="加载错误" title="高高飞起来吧！" width="300" height="300">
    <img src="图片/星游记.jpg" alt="加载错误" title="高高飞起来吧！" width="500" height="500"><br>
    <!--找图片时，如果网页跟图片同级则直接输入 图片名;如果图片在网页的上一级则用 ../找到上一级（../../则是上两级）;如果图片在网页下级则用 含图片的同级文件名/-->
    <!--  ./表示当前位置，文件在当前位置是可省略不写-->
    <h3>第1站 风筝见证 我要去彩虹海！</h3><br/>
    <p>不允许任何人飞行的地球上，终于出现了唯一艘飞船，却被银河眼的大头钉部队夺走。为了前往传说中的彩虹海，麦当与飞船的主人咕咚决定挑战银河眼。</p><br>
    <h3>第2站 争夺战 地球上唯一的飞船!</h3><br/>
    <p>由于银河眼经理人赛璐珞的阻止，已经近在眼前的飞船被送到了飞船坟场，无穷无尽的龟龟熊，彻底挡住了麦当面前的道路。</p><br/>
    <h3>第3站 倒计时 无法停止的吞噬!</h3><br/>
    <p>借助龟龟熊的能力，麦当终于赶到了飞船坟场。但唯一能够制止飞船进入焚毁炉的遥控器，却装在了破坏力巨大的碎渣机器人头部。</p><br/>
    <h3>第4站 碾碎的翅膀 我曾经相信的你！</h3><br/>
    <p>坟场主人的真实身份，居然是飞船制造师哈雷的孪生弟弟哈马。梦想破灭的怨恨，驱使哈马不惜一切去毁掉每一艘飞船。</p><br/>
    <p>......</p><br/>
    <h3>第26站 英雄</h3><br/>
    <p><font color="red" size="5"><strong>未完待续...</strong></font></p><hr>
    <p class="set_font_size">片尾曲:《next world》</p>
    <audio src="音乐/Next World-牛奶咖啡.mp3" controls></audio><br/>
    <hr>
    <h3>麦当经典语录</h3>
    <!--ul无序标签 li写内容    ul中只能包含li   每组li标签占一行-->
    <ul class="background-img2">
        <li><div></div></li>
        <li>给我，高高飞起来啊！</li>
        <li><div></div></li>
        <li>即使再可怕的困境，也只有冲上去才能解决！</li>
        <li><div></div></li>
        <li>“不可能”这三个字，你说的太多了！</li>
        <li><div></div></li>
        <li>不管你遭遇过什么，飞船就是飞船，能做的，只是让想飞的人飞上天而已！</li>
        <li><div></div></li>
        <li>如果傻瓜才能坚持梦想，那就叫我大傻瓜吧！</li>
        <li><div></div></li>
        <li>我只看得到，必须要去的地方！！！</li>
        <li><div></div></li>
        <li>如果黑洞能吞下一百亿个太阳，我，就是一百亿零一！！</li>
        <li><div></div></li>
        <li>管它什么东西挡在面前，都要一口气走过去，这才是我能做到的。</li>
        <li><div></div></li>
        <li>真正相信奇迹的家伙，本身和奇迹一样了不起啊！</li>
        <li><div></div></li>
        <li>管你什么乱七八糟的，我们就是要往前走啊！</li>
        <li><div></div></li>
        <li>说什么秩序啊规则啊，只有你，不敢反抗比自己强的人吧，你才是最弱的那个嘛，可怜虫。</li>
        <li><div></div></li>
        <li>希望是不是脆弱用不着你来告诉我。</li>
        <li><div></div></li>
        <li>拉过勾的事，就谁都不能反悔。</li>
    </ul>
    <h3>笛亚经典语录</h3>
    <ul class="background-img4">
        <li><div></div></li>
        <li>放心，我可是面包圈马戏团的团员，只会让人开心，不想看人掉眼泪……</li>
        <li><div></div></li>
        <li>星学家的使命，就是让人们不再恐惧天空，为每个旅行的人照亮回家的路。</li>
        <li><div></div></li>
        <li>星空之所以美丽，就是因为在无限的宇宙中，不管黑暗如何蔓延， 都有星
            星的光芒去把它照亮。所以，有绝望的地方 ， 就会有希望产生，对吧。 麦当，
            你，我们，一定能做到！</li>
            <li><div></div></li>
        <li>相信奇迹的人，本身就和奇迹一样了不起！对吧？所以，不能让你停在这里！</li>
        <li><div></div></li>
        <li>刚才挡住你的不是角盾，是相信你，相信每个人都可以拥有未来的，米龙。</li>
        <li><div></div></li>
        <li>放下武器，有时比拿起武器难得多。</li>
        <li><div></div></li>
        <li>为航行者带来自由的乌拉拉，不可能属于只会摧毁自由的你！</li>
        <li><div></div></li>
        <li>我刚才，还没有抱他们啊！从小到大，一千五百一十三天，一次都没有啊！</li>
    </ul>
    <hr>
</body>
</html>